<!-- 全局普通的box -->
<template lang="pug">
  .g-box
    slot(name="title")
      .g-box-title {{title}}
    slot(name="content")
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
        default: '这是一个标题'
      }
    }
  }
</script>

<style lang="stylus">
.g-box
  margin-bottom: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(234, 238, 251);
  border-image: initial;
  border-radius: 4px;
  transition: 0.2s;
  margin-bottom: 20px;
  .g-box-title
    transition: 0.2s;
    color: #58B7FF;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid #E5E9F2;
    text-indent: 15px;
    border-radius: 0px;
  &:hover
    box-shadow: rgba(232, 237, 250, 0.6) 0px 0px 8px 0px, rgba(232, 237, 250, 0.498039) 0px 2px 4px 0px;
  .box-content
    padding: 15px;
</style>
